<!DOCTYPE html>
<html lang="en-US" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="UTF-8" />
<!-- This site is optimized with the Yoast WordPress SEO plugin v1.4.9 - http://yoast.com/wordpress/seo/ -->
<title>Tristar Web Design, Website Design London &amp; Web Designers</title>


<link rel='stylesheet' id='google_fonts-css'  href='http://fonts.googleapis.com/css?family=Oswald&#038;subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Ccyrillic&#038;ver=3.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='jqueryui-css'  href='css/custom.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='flexslider-css'  href='css/flexslider.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='slider-style-css'  href='css/slider-style.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='screen-css'  href='css/screen.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='fancybox-css'  href='css/jquery.fancybox.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='fancybox_thumb-css'  href='css/jquery.fancybox-thumbs.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='mediaelementplayer-css'  href='css/mediaelementplayer.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='tipsy-css'  href='css/tipsy.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='custom_css-css'  href='css/custom-css.php?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='grid-css'  href='css/grid.css?ver=3.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css'  href='css/styles.css?ver=3.4.1' type='text/css' media='all' />
<link rel='stylesheet' id='rs-settings-css'  href='css/settings.css?ver=3.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='rs-captions-css'  href='css/captions.css?ver=3.5.1' type='text/css' media='all' />
<script type='text/javascript' src='js/jquery.js?ver=1.8.3'></script>
<script type='text/javascript' src='js/jquery.themepunch.plugins.min.js?ver=3.5.1'></script>
<script type='text/javascript' src='js/jquery.themepunch.revolution.min.js?ver=3.5.1'></script>

<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
<style type="text/css" id="syntaxhighlighteranchor"></style>
</head>


<body class="home blog">

	<input type="hidden" id="slider_timer" name="slider_timer" value="10"/>
	
	<input type="hidden" id="pp_blogurl" name="pp_blogurl" value="http://www.tristarwebdesign.co.uk"/>
	
	<input type="hidden" id="pp_stylesheet_directory" name="pp_stylesheet_directory" value="http://www.tristarwebdesign.co.uk/wp-content/themes/sirens"/>
	<input type="hidden" id="pp_footer_style" name="pp_footer_style" value="3"/>
	<input type="hidden" id="pp_lightbox_padding" name="pp_lightbox_padding" value="10"/>
	<input type="hidden" id="pp_lightbox_opacity" name="pp_lightbox_opacity" value="0.7"/>
	<input type="hidden" id="pp_lightbox_open_effect" name="pp_lightbox_open_effect" value="elastic"/>
	<input type="hidden" id="pp_lightbox_open_speed" name="pp_lightbox_open_speed" value="150"/>
	<input type="hidden" id="pp_lightbox_autoplay" name="pp_lightbox_autoplay" value="true"/>
	<input type="hidden" id="pp_lightbox_play_speed" name="pp_lightbox_play_speed" value="4000"/>
	
	<!-- Begin template wrapper -->
	<div id="wrapper">
			
		<div class="header_bg">	
		
						<!-- Begin top bar -->
			<div id="top_bar">
			    
			    <div class="top_bar_wrapper">
			    				    	<div class="top_social">
			
			    		<ul class="social_wrapper">
			    	    				    	    				    	    				    	    				    	    				    	    				    	    				    	    				    	    				    	    	<li><a title="Twitter" href="http://twitter.com/tristarweb"><img src="images/twitter.png" alt=""/></a></li>
			    	    				    	    				    	    	<li><a title="Facebook" href="http://facebook.com/tristarwebdesign"><img src="images/facebook.png" alt=""/></a></li>
			    	    				    	    					        				    	    </ul>
			    	
			    	</div>
			    				    	
			    </div>
			    	
			    			    <div class="top_contact_info">
			        <ul>
			        				        		<li><img src="images/grey_phone_icon.png" alt="" class="middle">0207 310 8757</li>
			        				        				        		<li><img src="images/grey_email_icon.png" alt="" class="middle">info@tristarwebdesign.co.uk</li>
			        				        </ul>
			    </div>
			    			    
			    			    
			    			    
			</div>
			<!-- End top bar -->
					
			<!-- Begin header -->
			<div id="header_wrapper">
				
				<!-- Begin main nav -->
				<div id="menu_wrapper">
				
				    <div class="logo">
				    	<!-- Begin logo -->
				    
				    					    	
				    	<a id="custom_logo" href="http://www.tristarwebdesign.co.uk" title="Web Design London, Website Design & Web Designers London"><img src="images/logo.png" alt="Web Design London, Website Design & Web Designers London"/></a>
				    	
				    	<!-- End logo -->
				    	
				    </div>
				    
				    <img id="mobile_menu" src="images/mobile_menu.png" alt=""/>
				    
				    <div id="menu_border_wrapper">
				
				    	<div class="menu-main-menu-container"><ul id="main_menu" class="nav"><li id="menu-item-6735" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-6735"><a title="Tristar Home page" href="/">Home</a></li>
<li id="menu-item-6731" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6731"><a title="About Tristar Web Design" href="http://www.tristarwebdesign.co.uk/about-us">About us</a></li>
<li id="menu-item-6732" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6732"><a title="Web Design" href="http://www.tristarwebdesign.co.uk/web-design">Web Design</a></li>
<li id="menu-item-6734" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6734"><a title="Our Portfolio" href="http://www.tristarwebdesign.co.uk/portfolio">Portfolio</a></li>
<li id="menu-item-6733" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6733"><a title="Web Design Blog" href="http://www.tristarwebdesign.co.uk/blog">Blog</a></li>
<li id="menu-item-6730" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6730"><a title="Contact Tristar Web Design" href="http://www.tristarwebdesign.co.uk/contact-us">Contact Us</a></li>
</ul></div>				    
				    </div>
				
				</div>
				<!-- End main nav -->
		
		</div>
		
				
		<br class="clear"/>
				
				<!-- START REVOLUTION SLIDER 2.3.91 -->
				
								
								<div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" style="margin:0px auto;background-color:#E9E9E9;padding:5px;margin-top:0px;margin-bottom:0px;max-height:350px;">
					<div id="rev_slider_1_1" class="rev_slider fullwidthabanner" style="display:none;max-height:350px;height:350;">						
										<ul>
								<li data-transition="random" data-slotamount="7" data-masterspeed="300" >
						<img src="images/main-slide2.gif"  alt="main-slide2" data-fullwidthcentering="on">
														
				<div class="tp-caption very_big_white sfl"  
					 data-x="427" 
					 data-y="44" 
					 data-speed="300" 
					 data-start="800" 
					 data-easing="easeOutExpo"  ><h1>web design</h1></div>
								
				<div class="tp-caption small_text lfr"  
					 data-x="438" 
					 data-y="113" 
					 data-speed="300" 
					 data-start="1100" 
					 data-easing="easeOutExpo"  >We offer truly affordable solutions for web design, including SEO</div>
								
				<div class="tp-caption small_text lfr"  
					 data-x="437" 
					 data-y="168" 
					 data-speed="300" 
					 data-start="1100" 
					 data-easing="easeOutExpo"  >We put our vast knowledge of web design practises and SEO </div>
								
				<div class="tp-caption small_text lfr"  
					 data-x="438" 
					 data-y="211" 
					 data-speed="300" 
					 data-start="1100" 
					 data-easing="easeOutExpo"  ><a href="portfolio" title="web design portfolio">portfolio</a>, or <a href="contact-us" title="contact Tristar Web Design">get in touch</a> today for a free quote.</div>
								
				<div class="tp-caption very_gav2_white fade"  
					 data-x="-3" 
					 data-y="31" 
					 data-speed="300" 
					 data-start="500" 
					 data-easing="easeOutExpo"  ><img src="images/MAIN-SCREEN.png" alt="Image 5"></div>
								
				<div class="tp-caption small_text lfr"  
					 data-x="437" 
					 data-y="135" 
					 data-speed="300" 
					 data-start="1100" 
					 data-easing="easeOutExpo"  > content managed websites, blogs and so much more.</div>
								
				<div class="tp-caption small_text lfr"  
					 data-x="438" 
					 data-y="187" 
					 data-speed="300" 
					 data-start="1100" 
					 data-easing="easeOutExpo"  >friendly coding into every website we build. Take a look at our</div>
												</li>
									<li data-transition="fade" data-slotamount="7" data-masterspeed="300" >
						<img src="images/blue-slide.gif"  alt="blue-slide" data-fullwidthcentering="on">
														
				<div class="tp-caption lfb"  
					 data-x="1" 
					 data-y="60" 
					 data-speed="500" 
					 data-start="500" 
					 data-easing="easeOutExpo"  ><img src="images/desktop.png" alt="Desktop website"></div>
								
				<div class="tp-caption lfr"  
					 data-x="295" 
					 data-y="106" 
					 data-speed="300" 
					 data-start="800" 
					 data-easing="easeOutExpo"  ><img src="css/ipad.png" alt="ipad website"></div>
								
				<div class="tp-caption lfl"  
					 data-x="459" 
					 data-y="185" 
					 data-speed="500" 
					 data-start="1100" 
					 data-easing="easeOutExpo"  ><img src="images/iphone.png" alt="iphone website"></div>
								
				<div class="tp-caption very_gav_white lfl"  
					 data-x="560" 
					 data-y="86" 
					 data-speed="300" 
					 data-start="1400" 
					 data-easing="easeOutExpo"  >Responsive</div>
								
				<div class="tp-caption very_gav2_white lfl"  
					 data-x="560" 
					 data-y="112" 
					 data-speed="300" 
					 data-start="1700" 
					 data-easing="easeOutExpo"  >Web Design</div>
								
				<div class="tp-caption very_gav_white lfl"  
					 data-x="559" 
					 data-y="140" 
					 data-speed="300" 
					 data-start="1900" 
					 data-easing="easeOutExpo"  >Desktop • Tablet • Mobile</div>
								
				<div class="tp-caption very_gavsml_white fade"  
					 data-x="558" 
					 data-y="171" 
					 data-speed="300" 
					 data-start="2000" 
					 data-easing="easeOutExpo"  >With more and more people using mobile devices</div>
								
				<div class="tp-caption very_gavsml_white fade"  
					 data-x="559" 
					 data-y="188" 
					 data-speed="300" 
					 data-start="2000" 
					 data-easing="easeOutExpo"  >responsive web design has never been more important.</div>
								
				<div class="tp-caption very_gavsml_white fade"  
					 data-x="558" 
					 data-y="205" 
					 data-speed="300" 
					 data-start="2000" 
					 data-easing="easeOutExpo"  >Here are Tristar, we can ensure your website not only</div>
								
				<div class="tp-caption very_gavsml_white fade"  
					 data-x="560" 
					 data-y="222" 
					 data-speed="300" 
					 data-start="2000" 
					 data-easing="easeOutExpo"  >works on all devices, but responds to the user making</div>
								
				<div class="tp-caption very_gavsml_white fade"  
					 data-x="560" 
					 data-y="239" 
					 data-speed="300" 
					 data-start="2000" 
					 data-easing="easeOutExpo"  >their experience even better!</div>
								
				<div class="tp-caption fade"  
					 data-x="562" 
					 data-y="265" 
					 data-speed="300" 
					 data-start="2300" 
					 data-easing="easeOutExpo"  ><a href="contact-us"><img src="images/enquire.png" alt="Image 12"></a></div>
								
				<div class="tp-caption fade"  
					 data-x="685" 
					 data-y="265" 
					 data-speed="300" 
					 data-start="2600" 
					 data-easing="easeOutExpo"  ><a href="portfolio"><img src="images/portfolio.png" alt="Image 14"></a></div>
												</li>
									<li data-transition="random" data-slotamount="7" data-masterspeed="300" >
						<img src="images/video3.gif"  alt="video3" data-fullwidthcentering="on">
														
				<div class="tp-caption fade"  
					 data-x="2" 
					 data-y="32" 
					 data-speed="300" 
					 data-start="500" 
					 data-easing="easeOutExpo"  ><img src="images/cin-display.png" alt="Cinema Display"></div>
								
				<div class="tp-caption fade"  
					 data-x="17" 
					 data-y="48" 
					 data-speed="300" 
					 data-start="800" 
					 data-easing="easeOutExpo"  ><iframe src='http://player.vimeo.com/video/52992626?title=0&amp;byline=0&amp;portrait=0' width='386' height='217' style='width:386px;height:217px;'></iframe></div>
								
				<div class="tp-caption large_text fade"  
					 data-x="433" 
					 data-y="46" 
					 data-speed="300" 
					 data-start="1100" 
					 data-easing="easeOutExpo"  >In-House Video Studio</div>
								
				<div class="tp-caption very_gavsml_white fade"  
					 data-x="429" 
					 data-y="95" 
					 data-speed="300" 
					 data-start="1400" 
					 data-easing="easeOutExpo"  >On site video engages your users and ensures they stay on your website for longer</div>
								
				<div class="tp-caption very_gavsml_white fade"  
					 data-x="429" 
					 data-y="109" 
					 data-speed="300" 
					 data-start="1400" 
					 data-easing="easeOutExpo"  >this will improve your conversion rates and your online rankings.</div>
								
				<div class="tp-caption very_gavsml_white fade"  
					 data-x="430" 
					 data-y="124" 
					 data-speed="300" 
					 data-start="1400" 
					 data-easing="easeOutExpo"  >Tristar's in house team will work with you to create a on site video that </div>
								
				<div class="tp-caption fade"  
					 data-x="432" 
					 data-y="199" 
					 data-speed="300" 
					 data-start="2000" 
					 data-easing="easeOutExpo"  ><a href="contact-us"><img src="images/vid-button.png" alt="Contact us today"></a></div>
								
				<div class="tp-caption very_gavsml_white fade"  
					 data-x="430" 
					 data-y="138" 
					 data-speed="300" 
					 data-start="1400" 
					 data-easing="easeOutExpo"  >really make a difference!</div>
												</li>
								</ul>
									<div class="tp-bannertimer"></div>					</div>
				</div>				
							
			<script type="text/javascript">

				var tpj=jQuery;
				
									tpj.noConflict();
								
				var revapi1;
				
				tpj(document).ready(function() {
				
				if (tpj.fn.cssOriginal != undefined)
					tpj.fn.css = tpj.fn.cssOriginal;
				
				if(tpj('#rev_slider_1_1').revolution == undefined)
					revslider_showDoubleJqueryError('#rev_slider_1_1');
				else
				   revapi1 = tpj('#rev_slider_1_1').show().revolution(
					{
						delay:9000,
						startwidth:960,
						startheight:350,
						hideThumbs:200,
						
						thumbWidth:100,
						thumbHeight:50,
						thumbAmount:3,
						
						navigationType:"bullet",
						navigationArrows:"solo",
						navigationStyle:"round",
						
						touchenabled:"on",
						onHoverStop:"on",
						
						navigationHAlign:"center",
						navigationVAlign:"bottom",
						navigationHOffset:0,
						navigationVOffset:20,

						soloArrowLeftHalign:"left",
						soloArrowLeftValign:"center",
						soloArrowLeftHOffset:20,
						soloArrowLeftVOffset:0,

						soloArrowRightHalign:"right",
						soloArrowRightValign:"center",
						soloArrowRightHOffset:20,
						soloArrowRightVOffset:0,
								
						shadow:2,
						fullWidth:"on",

						stopLoop:"off",
						stopAfterLoops:-1,
						stopAtSlide:-1,

						shuffle:"off",
						
						hideSliderAtLimit:0,
						hideCaptionAtLimit:0,
						hideAllCaptionAtLilmit:0,
						startWithSlide:0	
					});
				
				});	//ready
				
			</script>
			
							<!-- END REVOLUTION SLIDER -->
				

</div>
<!-- End header bg -->

<!-- Begin content -->
<div id="content_wrapper" class="slider_revslider">

<div class="inner">

    <!-- Begin main content -->
    <div class="inner_wrapper">

    <div class="standard_wrapper">
    	
    		    		
	    		    	
	    		    	
	    	<div class="one"><div class="one_third ppb_serivce_wrapper"><img src="images/service_phone1.png" class="alignleft" alt=""/><h3 class="service_header">Bespoke Web Design</h3><p>Our main focus is bespoke web design; we offer a variety of packages to suit you, starting from as little as £799. We create each web design, offering only talented web designers &#038; developers; it is our passion to put you at the forefront of your industry.</p>
<p><a href="contact-us" title="contact us to learn more">Learn More →</a></p>
</div><div class="one_third ppb_serivce_wrapper"><img src="images/service_windows.png" class="alignleft" alt=""/><h3 class="service_header">SEO Friendly</h3><p>We build all of our websites to search engine friendly standards; this can greatly benefit the positioning of your web design in the search engines. We also offer an array of ongoing optimisation, to boost the performance of your website.<br/><br/><a href="contact-us" title="contact us to learn more">Learn More →</a></p>
</div><div class="one_third ppb_serivce_wrapper"><img src="images/service_layer.png" class="alignleft" alt=""/><h3 class="service_header">CMS & E-Commerce</h3><p>We are proud to say that we use open source content management systems, such as WordPress and Magento. By only using the very best systems when we are building our websites, we can ensure that every site meets the highest industry standards, and always works the way it should for your business.<br/><br/><a href="contact-us" title="contact us to learn more">Learn More →</a></p>
</div></div>
<div class="divider one">&nbsp;</div>
<div class="one ppb_portfolio_wrapper"><div class="ppb_title"><h4>Our Recent Web Designs</h4></div><br class="clear"/><div class="one_fourth"><div id="portfolio_img_6704" class="portfolio200_shadow" data-rel="portfolio_desc_6704"><a href="http://www.tristarwebdesign.co.uk/portfolios/nicky-clarke"><img src="images/nicky-clarke-220x160.jpg" alt="" class="portfolio_img"/><div class="portfolio200_overlay"><div class="overlay_icon_circle"><img src="images/icon_link.png" alt="" class=""/></div></div></a></div><div id="portfolio_desc_6704" data-rel="portfolio_img_6704" class="portfolio_desc portfolio_desc_200"><h6 class="portfolio_header">Nicky Clarke</h6>Nicky Clarke Web Design</div></div><div class="one_fourth"><div id="portfolio_img_6725" class="portfolio200_shadow" data-rel="portfolio_desc_6725"><a href="#video_self_1" class="lightbox_vimeo"><img src="images/private-220x160.jpg" alt="" class="portfolio_img"/><div class="portfolio200_overlay"><div class="overlay_icon_circle"><img src="images/icon_video.png" alt="" class=""/></div></div></a></div><div style="display:none;">
	        		    <div id="video_self_1" style="width:900px;height:488px">
	        		        <div id="self_hosted_vid_1">JW Player goes here</div>
	        		    </div>	
	        		</div><div id="portfolio_desc_6725" data-rel="portfolio_img_6725" class="portfolio_desc portfolio_desc_200"><h6 class="portfolio_header">Private Jet Hire</h6>Private Jet Hire Video</div></div><div class="one_fourth"><div id="portfolio_img_6722" class="portfolio200_shadow" data-rel="portfolio_desc_6722"><a href="#video_65736280" class="lightbox_vimeo"><img src="images/duff-220x160.jpg" alt="" class="portfolio_img"/><div class="portfolio200_overlay"><div class="overlay_icon_circle"><img src="images/icon_video.png" alt="" class=""/></div></div></a></div><div style="display:none;">
	    					    <div id="video_65736280" style="width:900px;height:506px"><iframe src="http://player.vimeo.com/video/65736280?title=0&amp;byline=0&amp;portrait=0" width="900" height="506"></iframe></div>	

	    					</div><div id="portfolio_desc_6722" data-rel="portfolio_img_6722" class="portfolio_desc portfolio_desc_200"><h6 class="portfolio_header">Duff Miller</h6>Online Web Video</div></div><div class="one_fourth"><div id="portfolio_img_6719" class="portfolio200_shadow" data-rel="portfolio_desc_6719"><a href="http://www.tristarwebdesign.co.uk/portfolios/steri-bottle"><img src="images/steri-220x160.jpg" alt="" class="portfolio_img"/><div class="portfolio200_overlay"><div class="overlay_icon_circle"><img src="images/icon_link.png" alt="" class=""/></div></div></a></div><div id="portfolio_desc_6719" data-rel="portfolio_img_6719" class="portfolio_desc portfolio_desc_200"><h6 class="portfolio_header">Steri Bottle</h6>Steri Bottle Web Design</div></div><div class="one_fourth"><div id="portfolio_img_6716" class="portfolio200_shadow" data-rel="portfolio_desc_6716"><a href="http://www.tristarwebdesign.co.uk/portfolios/studio-one-design"><img src="images/studio1-220x160.jpg" alt="" class="portfolio_img"/><div class="portfolio200_overlay"><div class="overlay_icon_circle"><img src="images/icon_link.png" alt="" class=""/></div></div></a></div><div id="portfolio_desc_6716" data-rel="portfolio_img_6716" class="portfolio_desc portfolio_desc_200"><h6 class="portfolio_header">Studio One Design</h6>Studio 1 Web Design</div></div><div class="one_fourth"><div id="portfolio_img_6713" class="portfolio200_shadow" data-rel="portfolio_desc_6713"><a href="http://www.tristarwebdesign.co.uk/portfolios/stephens-engineering"><img src="images/engineering-220x160.jpg" alt="" class="portfolio_img"/><div class="portfolio200_overlay"><div class="overlay_icon_circle"><img src="images/icon_link.png" alt="" class=""/></div></div></a></div><div id="portfolio_desc_6713" data-rel="portfolio_img_6713" class="portfolio_desc portfolio_desc_200"><h6 class="portfolio_header">Stephens Engineering</h6>Stephens Engineering Web Design</div></div><div class="one_fourth"><div id="portfolio_img_6710" class="portfolio200_shadow" data-rel="portfolio_desc_6710"><a href="http://www.tristarwebdesign.co.uk/portfolios/jojo-glass"><img src="images/jojo-220x160.jpg" alt="" class="portfolio_img"/><div class="portfolio200_overlay"><div class="overlay_icon_circle"><img src="images/icon_link.png" alt="" class=""/></div></div></a></div><div id="portfolio_desc_6710" data-rel="portfolio_img_6710" class="portfolio_desc portfolio_desc_200"><h6 class="portfolio_header">JoJo Glass</h6>JoJo Glass Web Design</div></div><div class="one_fourth"><div id="portfolio_img_6699" class="portfolio200_shadow" data-rel="portfolio_desc_6699"><a href="http://www.tristarwebdesign.co.uk/portfolios/morgan-hunt"><img src="images/morgan-hunt-220x160.jpg" alt="" class="portfolio_img"/><div class="portfolio200_overlay"><div class="overlay_icon_circle"><img src="images/icon_link.png" alt="" class=""/></div></div></a></div><div id="portfolio_desc_6699" data-rel="portfolio_img_6699" class="portfolio_desc portfolio_desc_200"><h6 class="portfolio_header">Morgan Hunt</h6>Morgan Hunt Web Design</div></div></div>
<div class="divider one">&nbsp;</div>
<div class="one"><div class="thickline"></div><div class="tagline"><h2>Turning visitors into revenue is our speciality</h2><p>Why not view our web design portfolio of very happy clients, or contact us for a free quote <br/><br/><a class="button large " style="background-color:#000000;border:1px solid #000000 !important;color:#ffffff;" onclick="window.open('portfolio', '_self')">View Portfolio</a> <a class="button large " onclick="window.open('contact-us', '_self')">Contact Us</a></p>
</div><div class="thickline"></div></div><br class="clear"/>
<div class="divider one">&nbsp;</div>
<div class="one"><div class="ppb_title"><h4>Our Latest Blogs</h4></div><div class="ppb_desc"><a href="#">/ Read Our Blog</a></div><br class="clear"/><div class="post_wrapper one_third"><a href="http://www.tristarwebdesign.co.uk/general/introduction-to-aptana-studio-3"><div class="post_third_img_wrapper"><img src="images/aptana1-305x180.jpg" alt=""/><div class="post_third_img_overlay"><div class="overlay_icon_circle"><img src="images/icon_link.png" alt="" class=""/></div></div></div></a><br class="clear"/><div class="post_header_wrapper"><div class="post_header half"><h5><a href="http://www.tristarwebdesign.co.uk/general/introduction-to-aptana-studio-3">Introduction to Aptana Studio 3</a></h5><div class="post_detail"><div class="post_detail_item">Date: 11 Jun 2013</div></div></div></div><div class="post_excerpt half">Over the last few years I have tried many text editors such as Dreamweaver, Text Mate and Net Beans -  all have their pro and cons.  Personally I found Aptana Studio one of the best editors out there and to top it off – It's......<br/><br/><a class="button" href="http://www.tristarwebdesign.co.uk/general/introduction-to-aptana-studio-3">Read The Rest →</a></div></div><div class="post_wrapper one_third"><a href="http://www.tristarwebdesign.co.uk/general/10-examples-of-subtle-patterns-in-website-design"><div class="post_third_img_wrapper"><img src="images/subtle-305x180.jpg" alt=""/><div class="post_third_img_overlay"><div class="overlay_icon_circle"><img src="images/icon_link.png" alt="" class=""/></div></div></div></a><br class="clear"/><div class="post_header_wrapper"><div class="post_header half"><h5><a href="http://www.tristarwebdesign.co.uk/general/10-examples-of-subtle-patterns-in-website-design">10 Examples of Subtle Patterns in Website Design</a></h5><div class="post_detail"><div class="post_detail_item">Date: 11 Jun 2013</div></div></div></div><div class="post_excerpt half">Subtle patterns and textures are one of the best ways to bring a plain and simple design to life. Sometimes having just a solid block of colour or gradient isn’t enough to grab the users attention and add an extra bit of design......<br/><br/><a class="button" href="http://www.tristarwebdesign.co.uk/general/10-examples-of-subtle-patterns-in-website-design">Read The Rest →</a></div></div><div class="post_wrapper one_third last"><a href="http://www.tristarwebdesign.co.uk/tutorials/less-is-better"><div class="post_third_img_wrapper"><img src="images/less-305x180.jpg" alt=""/><div class="post_third_img_overlay"><div class="overlay_icon_circle"><img src="images/icon_link.png" alt="" class=""/></div></div></div></a><br class="clear"/><div class="post_header_wrapper"><div class="post_header half"><h5><a href="http://www.tristarwebdesign.co.uk/tutorials/less-is-better">LESS is better</a></h5><div class="post_detail"><div class="post_detail_item">Date: 11 Jun 2013</div></div></div></div><div class="post_excerpt half">I know a lot of web designers have heard of LESS but haven't actually got around to using it. LESS is a great way of making your stylesheet more concise and reusable.
To start using LESS you will need to use the less.js......<br/><br/><a class="button" href="http://www.tristarwebdesign.co.uk/tutorials/less-is-better">Read The Rest →</a></div></div></div>
<div class="divider one">&nbsp;</div>
	    	<br class="clear"/>
	    	
	    		    	
	    		    		
	    		    </div>

</div>

</div>

	
	</div>
		
		</div>
		
		<!-- Begin footer -->
		<div id="footer">
			<div class="thickline"></div>
			
						<ul class="sidebar_widget three">
				<li id="text-2" class="widget widget_text"><h2 class="widgettitle">Contact info</h2>
			<div class="textwidget"><div class="textwidget"><p>25 Victoria Street London SW1H 0EX.
</p><div style="width:60px;float:left;font-weight:bold;">Phone:</div>
<div style="float:left;">0207 310 8757</div>
<div style="width:60px;float:left;clear:both;font-weight:bold;">Email:</div>
<div style="float:left;">info@tristarwebdesign.co.uk</div>
<div style="width:60px;float:left;clear:both;font-weight:bold;">Website:</div>
<div style="float:left;">www.tristarwebdesign.co.uk</div>
</div></div>
		</li>
<li id="nav_menu-3" class="widget widget_nav_menu"><h2 class="widgettitle">Pages</h2>
<div class="menu-footer-menu-left-container"><ul id="menu-footer-menu-left" class="menu"><li id="menu-item-6767" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-6767"><a title="Tristar Home Page" href="/">Home</a></li>
<li id="menu-item-6762" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6762"><a title="About us" href="http://www.tristarwebdesign.co.uk/about-us">About us</a></li>
<li id="menu-item-6763" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6763"><a title="Web Design" href="http://www.tristarwebdesign.co.uk/web-design">Web Design</a></li>
<li id="menu-item-6765" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6765"><a title="Portfolio" href="http://www.tristarwebdesign.co.uk/portfolio">Portfolio</a></li>
</ul></div></li>
<li id="custom_recent_post_thumbnails-2" class="widget Custom_Recent_Post_Thumbnails"><h2 class="widgettitle"><span>Recent Posts</span></h2><ul class="thumb"><li><a href="http://www.tristarwebdesign.co.uk/general/introduction-to-aptana-studio-3" title="Introduction to Aptana Studio 3" class="tipsy"><img class="resize frame" src="images/aptana1-150x150.jpg" alt="" /></a></li><li><a href="http://www.tristarwebdesign.co.uk/general/10-examples-of-subtle-patterns-in-website-design" title="10 Examples of Subtle Patterns in Website Design" class="tipsy"><img class="resize frame" src="images/subtle-150x150.jpg" alt="" /></a></li><li><a href="http://www.tristarwebdesign.co.uk/tutorials/less-is-better" title="LESS is better" class="tipsy"><img class="resize frame" src="images/less-150x150.jpg" alt="" /></a></li></ul><br class="clear"/></li>
			</ul>
			
			<br class="clear"/>
						
		</div>
		<!-- End footer -->
		<div>
		<div>
		<div id="copyright" >
			<div class="copyright_wrapper">
				<div class="left_wrapper">
				Copyright © 2013 - Tristar Web Design - Part of the Creare Group				</div>
				
								<div class="right_wrapper">
					<ul class="social_wrapper">
				    					    	<li><a title="Twitter" href="http://twitter.com/tristarweb"><img src="images/twitter_light.png" alt=""/></a></li>
				    					    					    	<li><a title="Facebook" href="http://facebook.com/tristarwebdesign"><img src="images/facebook_light.png" alt=""/></a></li>
				    					    					    					    					    					    					    					    					    					    				        					    </ul>				
				</div>
								<br class="clear"/>
			</div>
			</div>
		
		</div>
	
	</div>
		
	<div id="toTop">
		<img src="images/arrow_up_24x24.png" alt=""/>
	</div>


<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false&#038;ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.ui.core.min.js?ver=1.9.2'></script>
<script type='text/javascript' src='js/jquery.ui.widget.min.js?ver=1.9.2'></script>
<script type='text/javascript' src='js/jquery.ui.accordion.min.js?ver=1.9.2'></script>
<script type='text/javascript' src='js/jquery.ui.tabs.min.js?ver=1.9.2'></script>
<script type='text/javascript' src='js/swfobject.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.fancybox.pack.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.fancybox-thumbs.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.easing.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/gmap.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.tipsy.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.validate.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/browser.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.isotope.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.flexslider-min.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/reflection.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jwplayer.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/hint.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/mediaelement-and-player.min.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/custom.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.form.min.js?ver=3.32.0-2013.04.03'></script>
<script type='text/javascript' src='js/all.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpcf7 = {"loaderUrl":"http:\/\/www.tristarwebdesign.co.uk\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","sending":"Sending ..."};
/* ]]> */
</script>
<script type='text/javascript' src='js/scripts.js?ver=3.4.1'></script>

</body>
</html>
